<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]李慧婷-网络与新媒体专业/广东省广州市</title>
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <link rel="stylesheet" href="assets/css/new_index.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2953533_zfpo0mpec8d.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
    <script src="assets/iconfont/iconfont.js"></script>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="assets/js/confetti.js"></script>
</head>

<body>

    <canvas id="canvas" width="100%" height="100%"></canvas>

    <main class="content-box">

        
        <div>
            <nav class="nav_menu w animated bounceInDown">
                <a href="javascript:void(0)" class="menu_item">
                    <div class="home">我的简历</div>
                    <div class="web_home">我的简历</div>
                </a>
                <a href="https://github.com/SFP48" target="_blank" class="menu_item">
                    <div class="home">github</div>
                    <div class="web_home">github</div>
                </a>
                <a href="https://gitee.com/Li-Hui-Ting" target="_blank"class="menu_item">
                    <div class="home">gitee</div>
                    <div class="web_home">gitee</div>
                </a>
                <a href="https://www.nfu.edu.cn" target="_blank" class="menu_item">
                    <div class="home">我的学校</div>
                    <div class="web_home">我的学校</div>
                </a>
                <a href="https://creator.xiaohongshu.com/creator/home" target="_blank" class="menu_item">
                    <div class="home">我的小红书</div>
                    <div class="web_home">我的小红书</div>
                </a>
            </nav>
    
            <article class="container">
                <section class="side animated bounceInLeft" id="side">
    
                    <!-- 个人肖像 -->
                    <section class="me info-unit">
                        <section class="portrait">
                            <img class="crown" src="assets/images/crown.png" />
                            <!-- 头像照片 -->
                            <div class="head">
                                <img src="assets/images/head.jpg" />
                            </div>
                        </section>
                        <h1 class="name">李慧婷</h1>
                        <h4 class="info-job">广州南方学院学生</h4>
                    </section>
    
                    <!-- 基本信息 -->
                    <section class="profile info-unit">
                        <h2>
                            <svg class="my_icon" aria-hidden="true">
                                <use xlink:href="#icon-jibenxinxi"></use>
                            </svg>
                            <span>基本信息</span>
                        </h2>
                        <hr />
                        <ul>
                            <li>
                                <label>个人信息</label>
                                <span>李慧婷 / 女 </span>
                            </li>
                            <li>
                                <label>英语水平</label>
                                <span>CET-4</span>
                            </li>
                            <li>
                                <label>计算机水平</label>
                                <span>计算机二级</span>
                            </li>
                        </ul>
                    </section>
    
                    <!-- 联系方式 -->
                    <section class="contact info-unit">
                        <h2>
                            <svg class="my_icon" aria-hidden="true">
                                <use xlink:href="#icon-lianxifangshi"></use>
                            </svg>
                            <span>联系方式</span>
                        </h2>
                        <hr />
                        <ul>
                            <li>
                                <label>手机</label>
                                <a class="info-a" href="tel:19854547793" target="_blank">19854547793</a>
                            </li>
                            <li>
                                <label>邮箱</label>
                                <a class="info-a" href="936772385@qq.com" target="_blank">936772385@qq.com</a>
                            </li>
                            <li>
                                <label>个人主页</label>
                                <a class="info-a" href="https://gitee.com/Li-Hui-Ting"
                                    target="_blank">gitee.com/Li-Hui-Ting</a>
                            </li>
                            <li>
                                <label>Github</label>
                                <a class="info-a" href="https://github.com/SFP48" target="_blank">github.com/SFP48</a>
                            </li>
                        </ul>
                    </section>
    
                    <!-- 技能点 -->
                    <section class="skill info-unit">
                        <h2>
                            <svg class="my_icon" aria-hidden="true">
                                <use xlink:href="#icon-zhuanyejineng"></use>
                            </svg>
                            <span>技能点</span>
                        </h2>
                        <hr />
                        <ul>
                            <li>
                                <label>HTML</label>
                                <progress value="50" max="100"></progress>
                            </li>
                            <li>
                                <label>CSS</label>
                                <progress value="50" max="100"></progress>
                            </li>
                            <li>
                                <label>JavaScript</label>
                                <progress value="50" max="100"></progress>
                            </li>
                            <li>
                                <label>React</label>
                                <progress value="50" max="100"></progress>
                            </li>
                            <li>
                                <label>Node.js</label>
                                <progress value="50" max="100"></progress>
                            </li>
                            <li>
                                <label>小程序</label>
                                <progress value="50" max="100"></progress>
                            </li>
                        </ul>
                    </section>
    
                    <section class="qrcode info-unit">
                        <h2>
                            <svg class="my_icon" aria-hidden="true">
                                <use xlink:href="#icon-erweima"></use>
                            </svg>
                            <span>二维码</span>
                        </h2>
                        <hr />
                        <details>
                            <summary>查看我的二维码</summary>
                            <img src="assets/images/code.jpg" style="width: 100%;" alt="">
                        </details>
                    </section>
    
                    <!-- 技能点 -->
                    <section class="info-unit">
                        <h2>
                            <svg class="my_icon" aria-hidden="true">
                                <use xlink:href="#icon-yinlehe"></use>
                            </svg>
                            <span>音乐</span>
                        </h2>
                        <hr />
                        <audio class="audio" autoplay src="assets/mp3/audio.mp3" controls></audio>
                    </section>
    
                </section>
    
                <section class="main animated bounceInRight">
    
                    <!-- 教育经历 -->
                    <section class="edu info-unit">
                        <h2>
                            <svg class="my_icon" aria-hidden="true">
                                <use xlink:href="#icon-jiaoyujingli"></use>
                            </svg>
                            <span>教育经历</span>
                        </h2>
                        <hr />
                        <ul>
                            <li>
                                <h3>
                                    <em>黄村中学 （初中）</em>
                                    <time>2013.9-2015.7</time>
                                </h3>
                                <p>在东源县英语阅读能力竞赛中，荣获初中组“二等奖”</p>
                                <p>在东源县首届中小学生现场毛笔书法比赛中，荣获初中组“二等奖”</p>
                                <p>屡次获得“三好学生”称号</p>
                            </li>
    
                            <li>
                                <h3>
                                    <em>广州大学附属东江中学 - 文科生（高中）</em>
                                    <time>2015.9-2019.7</time>
                                </h3>
                                <p>参加校级硬笔书法比赛，荣获校级“三等奖”</p>
                                <p>屡次获得“三好学生”称号</p>
                                <p>获得校级奖学金“三等奖”</p>
                            </li>
                            <li>
                                <h3>
                                    <em>广州南方学院 - 网络与新媒体专业（本科）</em>
                                    <time>2019.9-2023.7</time>
                                </h3>
                                <p>担任社团联合宣传部——理事一职，负责日常的海报制作</p>
                                <p>在档案室担任学生助理一职，帮助学生处理档案的日常清点核对保管等工作</p>
                                <p>在第七届中国国际“互联网+”大学生创新创业大赛校级选拔赛主赛道中，与团队成员共同协作，获得校级“三等奖”。</p>
    
                            </li>
                        </ul>
                    </section>
    
                    <!-- 工作经历 -->
                    <section class="work info-unit">
                        <h2>
                            <svg class="my_icon" aria-hidden="true">
                                <use xlink:href="#icon-work-ch"></use>
                            </svg>
                            <span>工作经历</span>
                        </h2>
                        <hr />
                        <ul>
                            <li>
                                <h3>
                                    <span>[经历1]档案室学生助理</span>
                                    <time>2019.11 至 2021.08</time>
                                </h3>
                                <ul class="info-content">
                                    <li>服务对象：
    
                                        <mark>在校学生和毕业生档案</mark>。
                                    </li>
                                    <li>协助老师处理学生的档案等事项
                                        <mark>归档、转递</mark>。
                                    </li>
                                    <li>接收新生的档案，并对其进行
                                        <mark>建档</mark>。
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <h3>
                                    <span>[经历2]助教</span>
                                    <time>2020.08-2020.09</time>
                                </h3>
                                <ul class="info-content">
                                    <li>教小朋友做
                                        <mark>手工</mark>
    
                                    <li>协助<mark>主讲老师</mark>进行授课。</li>
    
                                    <li>期末对小朋友的表现进行以及举行颁奖仪式
                                        <mark>总结</mark>
                                        <mark>颁奖仪式</mark>
    
                                </ul>
                            </li>
                        </ul>
                    </section>
    
                    <!-- 项目经验 -->
                    <section class="project info-unit">
                        <h2>
                            <svg class="my_icon" aria-hidden="true">
                                <use xlink:href="#icon-xiangmuguanli"></use>
                            </svg>
                            <span>个人项目</span>
                        </h2>
                        <hr />
                        <ul>
                            <li>
                                <h3>
                                    <span>[项目1]青愿志愿服务平台</span>
                                    <span class="link">
                                        <a href="#" target="_blank">Demo</a>
                                    </span>
                                    <time>2020.06-2020.07</time>
                                </h3>
                                <ul class="info-content">
                                    <li>技术栈：ProcessOn</li>
                                    <li>
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-014-mubiao"></use>
                                        </svg>
                                        [目标]帮助贫困地区的学生享受更好的教育
                                        <br />
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-tuandui"></use>
                                        </svg>
                                        [团队]同6位同专业同学共同完成
                                        <br />
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-gongxianbang"></use>
                                        </svg>
                                        [贡献]主要负责
                                        <mark>数据收集与共享方案</mark>的设计等工作
                                        <br />
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-xiaoguofankui"></use>
                                        </svg>
                                        [效果]让更多的人加入到贫困地区教书的队伍中
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <h3>
                                    <span>[项目2]“懒宅族”数据可视化</span>
                                    <span class="link">
                                        <a href="#" target="_blank">Demo</a>
                                    </span>
                                    <time>2020.06-2020.07</time>
                                </h3>
                                <ul class="info-content">
                                    <li>技术栈：tableau</li>
                                    <li>
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-014-mubiao"></use>
                                        </svg>
                                        [目标]实现“懒宅族”人群的数据多维度可视化展示、数据透视及分析
                                        <br />
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-tuandui"></use>
                                        </svg>
                                        [团队]个人独自完成
                                        <br />
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-gongxianbang"></use>
                                        </svg>
                                        [贡献]通过真实的数据来分析
                                        <mark>“懒宅族”</mark> 这部分人群的含义及性格特征。
    
                                        <br />
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-xiaoguofankui"></use>
                                        </svg>
                                        [效果]成功完成了信息可视化这门课老师布置的期中项目。
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <h3>
                                    <span>[项目3]搭建自己的第一个网站</span>
                                    <span class="link">
                                        <a href="#" target="_blank">Demo</a>
                                    </span>
                                    <time>2020.09-2021.01</time>
                                </h3>
                                <ul class="info-content">
                                    <li>技术栈：wordpress+腾讯云+MySQL</li>
                                    <li>
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-014-mubiao"></use>
                                        </svg>
                                        [目标]制作一个关于护肤品的网站
                                        <br />
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-tuandui"></use>
                                        </svg>
                                        [团队]个人独自完成
                                        <br />
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-gongxianbang"></use>
                                        </svg>
                                        [贡献]运用自己的专业知识给
                                        <mark>护肤“小白”</mark> 一些提供可靠的护肤小技巧
                                        <br />
                                        <svg class="my_icon" aria-hidden="true">
                                            <use xlink:href="#icon-xiaoguofankui"></use>
                                        </svg>
                                        [效果]获得了一些姐妹的支持与鼓励。
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </section>
    
    
    
    
                    <!-- 自我评价 -->
                    <section class="work info-unit">
                        <h2>
                            <svg class="my_icon" aria-hidden="true">
                                <use xlink:href="#icon-ziwopingjia--"></use>
                            </svg>
                            <span>自我评价/期望</span>
                        </h2>
                        <hr />
                        <p><span
                                class="mark-txt">“如果不是终点，请继续前行”</span>是我的座右铭，我一直告诉自己，不管做什么事情，都需要尽自己最大的努力去做，不给结果留下遗憾。在大学的四年里，我努力充实自己，让自己的大学生活更加丰富多彩!我会努力成为一个积极进取的人。
                        </p>
                    </section>



                    <section>
                        <div class="article-box">
                            <div class="box">
                                <a href="#">
                                    <div class="imgBox">
                                        <img src="assets/images/html.webp" alt="">
                                    </div>
                                    <span class="source">HTML5</span>
                                    <span class="detail">HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。</span>
                                </a>
                            </div>
                            <div class="box">
                                <a href="#">
                                    <div class="imgBox">
                                        <img src="assets/images/css.webp" alt="">
                                    </div>
                                    <span class="source">CSS3</span>
                                    <span class="detail">CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。</span>
                                </a>
                            </div>
                            <div class="box">
                                <a href="#">
                                    <div class="imgBox">
                                        <img src="assets/images/node.webp" alt="">
                                    </div>
                                    <span class="source">Node</span>
                                    <span class="detail">Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。</span>
                                </a>
                            </div>
                            <div class="box">
                                <a href="#">
                                    <div class="imgBox">
                                        <img src="assets/images/miniprogram.webp" alt="">
                                    </div>
                                    <span class="source">微信小程序</span>
                                    <span class="detail">微信小程序是一种不用下载就能使用的应用，也是一项创新，经过将近两年的发展，已经构造了新的微信小程序开发环境和开发者生态。</span>
                                </a>
                            </div>
                        </div>
                    </section>

                </section>
            </article>
        </div>
        
        

        <footer class="footer">
            <p>© 2021 李慧婷.文档最后更新时间为
                <time>2021年11月21日</time>.
            </p>
        </footer>

    </main>

</body>

</html>